<template>
  <a-form :model="filterForm" label-align="left" :style="{ width: '400px' }">
    <a-form-item field="name" label="名称">
      <a-input v-model="filterForm.name" placeholder="请输入" />
    </a-form-item>
  </a-form>
</template>

<script lang="ts" setup>
  import useFileManageStore from '@/store/modules/file-manage/index';
  import { storeToRefs } from 'pinia';

  const store = useFileManageStore();
  const { filterForm } = storeToRefs(store);
</script>

<style lang="less" scoped>
  :deep(.arco-form-item) {
    margin-bottom: 0;
  }
  :deep(.arco-col-5) {
    flex: 0 0 12%;
  }
</style>
